@media only screen and (min-width: 320px) {
    html {
        font-size: 75%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 374px) {
    html {
        font-size: 84%;
    }
}

@media only screen and (min-width: 375px) {
    html {
        font-size: 87.89%;
    }
}
@media only screen and (min-width: 412px) {
    html {
        font-size: 96.5%;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 97.03%;
    }
}

@media only screen and (min-width: 641px) {
    html {
        font-size: 125%;
    }
}
.ivu-modal-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ivu-modal{
    top: 0;
    width:80% !important;
    text-align: center;
    font-size:14px;
}
.ivu-modal .ivu-modal-body,.ivu-modal .ivu-modal-confirm{
    padding:0;
}
.ivu-modal-confirm-footer{
    text-align:center;
    border-top:1px solid #ccc;
    padding:16px 0;
    position:relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
    margin-top:16px;
}
.ivu-modal-confirm-body-icon{
    display: none;
}
.ivu-modal-confirm-footer .ivu-btn-primary{
    background-color:transparent;
}
.ivu-modal-confirm-body{
    padding:20px 0;
    font-size: 1rem;
}
.ivu-modal-confirm-footer button:first-child:after{
    border-right:1px solid #ccc;
    -webkit-appearance: none;
    content:"";
    display:block;
    height:100%;
    position: absolute;
    top:0;
    right:50%;

}
.ivu-modal-confirm-footer button:last-child:after{
    border:none;
}
.ivu-menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.ivu-menu .ivu-menu-item{
    flex:1;
    text-align: center;
	padding:0;
}